<script>
    var initPage3 = function () {
        $("#page-3").css("display", "block");
        $("#page-3").css({
            "z-index": 10
        });
        setTimeout(function () {

            logoBlink(function () {
                showPage3Line(function () {
                    page3MoveLogo(function () {
//                    $("#page-3 .zs-2").css("display", "block");
                        $("#page-3 .zs-3").css("display", "block");
                        setTimeout(function () {
//                        $("#page-3 .zs-2").removeClass("fadeIn");
                            $("#page-3 .zs-3").removeClass("fadeIn");
                            setTimeout(function () {
//                            $("#page-3 .zs-2").addClass("fadeOut");
                                $("#page-3 .zs-3").addClass("fadeOut");
                            }, 200);
                            page3MoveLogoBack(function () {
                                hidePage3Line(function () {
                                    $("#page-3").hide();
                                    endPage3();
                                });
                            });
                        }, 3e3);
                    });
                });
            });
        }, 500);
    };

    var showPage3Line = function (cb) {
        $("#page-3 .zs-4").show();
        $("#page-3 .line").animate({
            width: "4.75521rem"
        }, 800, "linear", function () {
            cb && cb();
        });
    }

    var hidePage3Line = function (cb) {
        $("#page-3 .line").animate({
            width: "0"
        }, 800, "linear", function () {
            cb && cb();
        });
        $("#page-3 .zs-4").hide();
    }

    var logoBlink = function (cb) {

        cb && cb();
        return;
        var t = 300;
        $("#page-3 .zs-1").animate({
            "opacity": "0"
        }, t, "linear", function () {
            $("#page-3 .zs-1").animate({
                "opacity": "1"
            }, t, "linear", function () {
                $("#page-3 .zs-1").animate({
                    "opacity": "0"
                }, t, "linear", function () {
                    $("#page-3 .zs-1").animate({
                        "opacity": "1"
                    }, t, "linear", function () {
                        cb && cb();
                    })
                })
            })
        })
    }

    var page3MoveLogo = function (cb) {
        $("#page-3 .zs-1").animate({
            'transform': 'translate(-5.68229rem,-1.33854rem)',
            '-webkit-transform': 'translate(-5.68229rem,-1.33854rem)'
        }, 500, "linear", function () {
            cb && cb();
        })
    }

    var page3MoveLogoBack = function (cb) {
        $("#page-3 .zs-1").animate({
            'transform': 'translate(0rem,0rem)',
            '-webkit-transform': 'translate(0rem,0rem)'
        }, 500, "linear", function () {
            cb && cb();
        })
    }
</script>